<!DOCTYPE html>
<html xmlns:th="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <title>用户中心</title>
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <meta name="keywords" content="fly,layui,前端社区">
  <meta name="description" content="Fly社区是模块化前端UI框架Layui的官网社区，致力于为web开发提供强劲动力">
  <link rel="stylesheet" href="/res/layui/css/layui.css">
  <link rel="stylesheet" href="/res/css/global.css">
  <style>
    .fly-panel-border {
      border: 1px solid #e6e6e6;
      box-shadow: none;
    }

    .fly-panel {
      margin-bottom: 15px;
      border-radius: 2px;
      background-color: #fff;
    }

    .layui-col-md6 {
      padding: 10px;
    }
  </style>
</head>
<body>
<!--头部-->
<div th:replace="~{layout/head_layout :: head_layout}"></div>

<div class="layui-container fly-marginTop fly-user-main">
  <!--菜单布局-->
  <div th:replace="~{layout/user_menu_layout :: user_menu_layout}"></div>

  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>

  <div class="site-tree-mobile layui-hide">
    <i class="layui-icon">&#xe602;</i>
  </div>
  <div class="site-mobile-shade"></div>


  <div class="fly-panel fly-panel-user" pad20>
    <!--
    <div class="fly-msg" style="margin-top: 15px;">
      您的邮箱尚未验证，这比较影响您的帐号安全，<a href="activate.html">立即去激活？</a>
    </div>
    -->
    <div style="margin: 10px 0;">
      <div class="layui-col-md6">
        <div class="fly-panel fly-panel-border">
          <div class="fly-panel-title"> 我的会员信息</div>
          <div class="fly-panel-main layui-text"
               style="padding: 18px 15px; height: 50px; line-height: 26px;">
            <p>
              您的财富经验值：<span style="padding-right: 20px; color: #FF5722;">￥0</span>
              您当前为：
              <span th:if="${session.userLabel.vip} eq null">非 VIP</span>
              <span style="color: red" th:if="${session.userLabel.vip} ne null"
                    th:text="${session.userLabel.vip}">非 VIP</span>
            </p>
            <p> 您拥有社区飞吻：
              <span style="color: #FF7200; padding-right: 5px;"
                    th:text="${flyKiss+' 飞吻'}">185 飞吻</span>
              <a href="/order/bill?itemid=16" target="_blank"
                 class="layui-btn layui-btn-warm layui-btn-xs">充值</a>
            </p>
          </div>
        </div>
      </div>

      <div class="layui-col-md6">
        <div class="fly-panel fly-signin fly-panel-border">
          <div class="fly-panel-title"> 签到 <i class="fly-mid"></i>
            <a href="javascript:;"
               class="fly-link"
               id="LAY_signinHelp">说明</a> <i
                class="fly-mid"></i>
            <a href="javascript:;" class="fly-link"
               id="LAY_signinTop">活跃榜<span
                class="layui-badge-dot"></span></a> <span
                class="fly-signin-days">已连续签到<cite>1</cite>天</span></div>
          <div class="fly-panel-main fly-signin-main">
            <button class="layui-btn layui-btn-disabled">今日已签到</button>
            <span>获得了<cite>5</cite>飞吻</span></div>
        </div>
      </div>
    </div>


    <div class="layui-col-md12" style="margin-top: -20px;">
      <div class="fly-panel fly-panel-border">
        <div class="fly-panel-title"> 快捷方式</div>
        <div class="fly-panel-main">
          <ul class="layui-row layui-col-space10 fly-shortcut">
            <li class="layui-col-sm3 layui-col-xs4"><a href="/user/set/"><i class="layui-icon"></i><cite>修改信息</cite></a>
            </li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/user/set/#avatar"><i
                class="layui-icon"></i><cite>修改头像</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/user/set/#pass"><i class="layui-icon"></i><cite>修改密码</cite></a>
            </li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/user/set/#bind"><i class="layui-icon"></i><cite>帐号绑定</cite></a>
            </li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/jie/add/"><i
                class="layui-icon"></i><cite>发表新帖</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/column/share/"><i
                class="layui-icon"></i><cite>查看分享</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4 LAY_search"><a href="javascript:;"><i
                class="layui-icon"></i><cite>搜索资源</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/user/post/#collection"><i
                class="layui-icon"></i><cite>我的收藏</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/jie/15697/"><i
                class="layui-icon"></i><cite>成为赞助商</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="/jie/2461/"><i class="layui-icon"></i><cite>关注公众号</cite></a>
            </li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="http://www.layui.com/doc/"><i
                class="layui-icon"></i><cite>文档</cite></a></li>
            <li class="layui-col-sm3 layui-col-xs4"><a href="http://www.layui.com/demo/"><i
                class="layui-icon"></i><cite>示例</cite></a></li>
          </ul>
        </div>
      </div>
    </div>

  </div>
</div>

</div>

<div class="fly-footer">
  <p><a href="http://fly.layui.com/" target="_blank">Fly社区</a> 2017 &copy; <a
      href="http://www.layui.com/" target="_blank">layui.com 出品</a></p>
  <p>
    <a href="http://fly.layui.com/jie/3147/" target="_blank">付费计划</a>
    <a href="http://www.layui.com/template/fly/" target="_blank">获取Fly社区模版</a>
    <a href="http://fly.layui.com/jie/2461/" target="_blank">微信公众号</a>
  </p>
</div>

<script src="/res/layui/layui.js"></script>
<script>
  layui.use(['element', 'jquery', 'layer'], function () {

  })
</script>

</body>
</html>
